let drawType = ['😀', '😁', '😂', '😃', '😄', '😅', '😆', '😉', '😊', '😋', '😎', '😍', '😘', '😗', '😙', '😚', '😇', '😐', '😑', '😶', '😏', '😣', '😥', '😮', '😯', '😪', '😫',
    '😴', '😌', '😛', '😜', '😝', '😒', '😓', '😔', '😕', '😲', '😷', '😖', '😞', '😟', '😤', '😢', '😭', '😦', '😧', '😨', '😬', '😰', '😱', '😳', '😵', '😡', '😠'];
$(document).bind('mousemove touchmove', function (e) {
    e.preventDefault();
    /* 图标大小 */
    let drawSize = 10;
    /* 动画类型 */
    let animationType = 'FaceTracking';
    /* 生成位置 */
    let xPos = e.originalEvent.pageX;
    let yPos = e.originalEvent.pageY;
    /* 随机图标 */
    let drawTypeActual = drawType[Math.floor((Math.random() * drawType.length))];
    /* 绑定元素 */
    $('body').append(`<div class="j-face face" style="font-size: ${drawSize}px;left: ${xPos}px;top: ${yPos}px;-webkit-animation: ${animationType}.9s 10;-moz-animation: ${animationType}.9s 10;color: #33a0fc;">${drawTypeActual}</div>`);
    /* 动态延迟移除元素 */
    $('.j-face').each((index, _this) => {
        setTimeout(() => {
            $(_this).remove();
        }, 800);
    });
});